/* Responsive Hot Topic Panel Styles */

/* 桌面端面板 */
.hot-topic-panel-card {
  height: 100%;
  overflow: hidden;
}

.hot-topic-list {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

/* 移动端抽屉 */
.hot-topic-mobile-drawer .ant-drawer-body {
  padding: 12px;
  overflow-y: auto;
}

.mobile-drawer-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mobile-hot-topic-list {
  padding: 0;
}

.mobile-hot-topic-list .ant-list-item {
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}

/* 移动端 Tabs */
.mobile-tabs .ant-tabs-nav {
  margin-bottom: 12px;
}

.mobile-tabs .ant-tabs-tab {
  min-height: 44px;
  padding: 8px 12px;
  font-size: 14px;
}

/* 评论抽屉 */
.comments-mobile-drawer .ant-drawer-body {
  padding: 16px;
}

/* 触摸友好元素 */
.hot-topic-mobile-drawer .h-touch {
  min-height: 44px !important;
}

.hot-topic-mobile-drawer .w-touch {
  min-width: 44px !important;
}

/* 移动端适配 */
@media (max-width: 767px) {
  .hot-topic-mobile-drawer {
    width: 100% !important;
    max-width: 100%;
  }

  .hot-topic-mobile-drawer .ant-drawer-header {
    padding: 12px 16px;
  }

  .mobile-hot-topic-list {
    font-size: 15px;
  }
}
